import React, { Component } from 'react'
import propTypes from 'prop-types'

console.log('propTypes', propTypes)

export default class Navbar extends Component {
  // state 只能内部使用
  state = {}

  // 类属性 方法二
  static propTypes = {
    title: propTypes.string,
    leftShow: propTypes.bool,
    rightShow: propTypes.bool,
  }

  // 指定 props 的默认值： 方法二
  static defaultProps = {
    title: '首页',
    leftShow: true,
    rightShow: false,
  }

  // 属性是父组件传过来的
  render() {
    console.log(this.props)

    let { title, leftShow, rightShow } = this.props
    return (
      <div>
        {leftShow && <button>返回</button>}
        <span>Navbar-{title}</span>
        {rightShow && <button>home</button>}
      </div>
    )
  }
}

// 类属性 写法一
// Navbar.propTypes = {
//   title: propTypes.string,
//   leftShow: propTypes.bool,
//   rightShow: propTypes.bool,
// }

// 指定 props 的默认值： 写法一
// Navbar.defaultProps = {
//   title: '首页',
//   leftShow: true,
//   rightShow: false,
// }
